import { Group } from '@/components/pro-panel/index.typing';

export enum LayerTypeEnum {
  常规点 = 'LABEL',
  聚合点 = 'POINTCLUSTER',
}

const group: Group = {
  title: '效果设置',
  key: 'effect',
  collapsed: false,
  columns: [
    {
      label: '样式',
      prop: 'markerImage',
      type: 'select',
    },
    {
      type: 'select',
      prop: 'backgroundCornerradius',
      label: '尺寸',
      group: 'effect',
      options: [],
      span: 11,
    },
    {
      type: 'slot',
      prop: 'addIconSlot',
      label: ' ',
      group: 'effect',
      span: 2,
    },
    {
      type: 'input-number',
      prop: 'size',
      label: ' ',
      group: 'effect',
      span: 11,
      formProps: {
        controls: false,
      },
    },
    {
      label: '透明度',
      prop: 'backgroundAlpha',
      type: 'progress-input',
      formProps: { min: 0, max: 1, step: 0.01 },
    },
    {
      label: '颜色叠加',
      prop: '',
      type: 'checkbox',
      options: [{ label: '颜色叠加', value: 1 }],
      span: 12,
    },
    {
      label: '  ',
      prop: 'borderColor1',
      type: 'color-picker',
      span: 12,
    },
    {
      type: 'select',
      prop: 'field',
      label: '文字显示',
      group: 'effect',
      options: [],
    },
    {
      type: 'progress-input',
      prop: 'clusterTextFont',
      label: '文字大小',
      group: 'effect',
      formProps: {
        min: 10,
        max: 50,
        step: 1,
      },
    },
    {
      type: 'color-picker',
      prop: 'clusterTextColor',
      label: '文字颜色',
      group: 'effect',
    },
  ],
};

export default group;
